<template>
  <div>
    <div class="d-flex justify-content-between">
      <h4 style="font-size: 1.142857rem">大数据应用</h4>
    </div>

    <ul class="list-unstyled">
      <li class="menu-item" @click="libraryVisible = true">
        <i class="fa fa-folder-o fa-fw text-primary"></i>
        需求项目库
      </li>
      <li class="menu-item" @click="letterVisible = true">
        <i class="fa fa-file-pdf-o fa-fw text-primary"></i>
        电子函件
      </li>
      <li class="menu-item" @click="financeVisble = true">
        <i class="fa fa-file-text-o fa-fw text-primary"></i>
        信用查询
      </li>
      <li class="menu-item" @click="productVisble = true">
        <i class="fa fa-address-book-o fa-fw text-primary"></i>
        产品白名单
      </li>
      <li class="menu-item" @click="riskWarningVisble = true">
        <i class="fa fa-shield fa-fw text-primary"></i>
        风险预警
      </li>
    </ul>

    <library-dialog :visible.sync="libraryVisible"></library-dialog>
    <letter-dialog :visible.sync="letterVisible"></letter-dialog>
    <panel-search-dialog :visible.sync="searchVisible"></panel-search-dialog>
    <product-dialog :visible.sync="productVisble"></product-dialog>
    <finance-dialog :visible.sync="financeVisble"></finance-dialog>
    <risk-warning-dialog :visible.sync="riskWarningVisble" org-type="credit"></risk-warning-dialog>
  </div>
</template>

<script>
import LibraryDialog from '@/credit/views/city/bus/index/menu/LibraryDialog'
import LetterDialog from '@/credit/views/county/index/bigdata/LetterDialog'
import PanelSearchDialog from '@/credit/views/city/index/PanelSearchDialog'
import ProductDialog from '@/credit/views/city/bus/index/menu/ProductDialog'
import FinanceDialog from '@/credit/views/county/finance/FinanceDialog.vue'
import RiskWarningDialog from '@/bigbank/views/index/RiskWarningDialog.vue'

export default {
  components: {
    LibraryDialog,
    LetterDialog,
    PanelSearchDialog,
    ProductDialog,
    FinanceDialog,
    RiskWarningDialog,
  },
  props: {},
  data() {
    return {
      libraryVisible: false,
      letterVisible: false,
      noticeVisible: false,
      searchVisible: false,
      productVisble: false,
      financeVisble: false,
      windowObjectReference: null,
      riskWarningVisble: false,
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
}
</script>

<style lang="scss" scoped>
.menu-item {
  background-color: $gray-100;
  margin-top: 0.4rem;
  padding: 0.75rem;

  &:first-child {
    margin-top: 0;
  }

  &:hover {
    cursor: pointer;
    color: $primary;
  }
}
</style>
